<!DOCTYPE html>
<html>
<head>
    <title>欢迎页</title>
    <#include "/headerTj.html">
        <script src="http://webapi.amap.com/maps?v=1.4.6&key=7d90c90b1dbe8a8aab6e0d7a77123ecb&plugin=AMap.MouseTool"></script>
        <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
        <script src="https://cdn.bootcss.com/sockjs-client/1.0.3/sockjs.js"></script>
        <script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>

</head>
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0;min-height: 0px" id="navigation">

    <div class="navbar-default sidebar" role="navigation">
        <div class="sidebar-nav navbar-collapse" >
            <div class="btn-group btn-group-justified" role="group" style="margin-top:15px;">
                <a type="button" id="btn1" class="btn btn-default btn-in-head rectangle-top" >信息总览</a>
            </div>
            <div class="sidebar-wrapper">
                <ul class="nav navasp">
                    <li v-for="item in projectList">
                        <a data-toggle="collapse" :href="'#set'+item.pid" @click="action(item.pid)">
                            <p>
                                <i class="fa fa-caret-right" aria-hidden="true"></i> {{item.projectName}}
                            </p>
                        </a>
                        <div class="collapse" :id="'set'+item.pid">
                            <ul class="nav lnav navinnav">
                                <#if shiro.hasPermission("tj:main:car")>
                                <li>
                                    <a href="javascript:void(0)" >车辆作业总览</a>
                                </li>
                                </#if>
                                <#if shiro.hasPermission("tj:main:people")>
                                <li>
                                    <a href="javascript:void(0)" >人员作业总览</a>
                                </li>
                                </#if>
                                <#if shiro.hasPermission("tj:main:laji")>
                                <li>
                                    <a href="javascript:void(0)" >垃圾作业总览</a>
                                </li>
                                </#if>
                                <#if shiro.hasPermission("tj:main:wushui")>
                                <li>
                                    <a href="javascript:void(0)" >污水作业总览</a>
                                </li>
                                </#if>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- /.sidebar-collapse -->
    </div>
</nav>
<div id="page-wrapper" >
    <div class="container-fluid nolrpad" style="padding:0 1%;">
        <div class="row">
            <ul id="myTab" class="nav nav-pills nav-lb">
                <li class="nobtnli"><a href="#" id="btn" data-toggle="tab"> 信息总览</a></li>
            </ul>

            <div class="panel panel-default" style="padding-top:0;">
                <div class="panel-body nopaddingtop">
                    <div id="mapcontainer" style="height: 800px"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //初始化地图对象，加载地图
    $('div.btn-group-vertical > a.btn-default').click(function(){
        if ($(this).hasClass('btn-primary')){
            $(this).removeClass('btn-primary');
            $(this).addClass('btn-default');

        }
        else{
            $(this).siblings().removeClass('btn-primary');
            $(this).removeClass('btn-default');
            $(this).addClass('btn-primary');
        }
    })

</script>
<script src="${request.contextPath}/statics/js/main.js?_${.now?long}"></script>
</body>
</html>